import React from 'react';
import { history, useModel } from 'umi';
import { Button, Result } from 'antd';

const NoFoundPage = () => {
  const {
    initialState: { defaultUrl },
  } = useModel('@@initialState');

  return (
    <Result
      status="404"
      title="404"
      subTitle="抱歉，您访问的页面不存在。"
      extra={
        <Button type="primary" onClick={() => history.push(defaultUrl || '/')}>
          返回首页
        </Button>
      }
    />
  );
};

export default NoFoundPage;
